.logo {
  width: 100%;
  height: 0.71rem;
  > img {
    display: block;
    margin: 0 auto;
    padding-top: 0.15rem;
    width: 0.38rem;
    height: 0.38rem;
  }
}
.serach {
  height: 0.96rem;
  width: 100%;
  > a {
    > input {
      display: block;
      margin: 0.18rem auto;
      width: 7.17rem;
      height: 0.6rem;
      font-size: 0.28rem;
      color: #666;
      border: 1px solid #666;
      border-radius: 0.4rem;
      background-color: #f5f5f5;
    }
  }
}
.bannerA {
  width: 100%;
  > .banner {
    margin: 0 auto;
    width: 7rem;
    > .swiper-wrapper {
      > .swiper-slide {
        > img {
          width: 7rem;
          height: 3.5rem;
          border-radius: 0.2rem;
        }
      }
    }
  }
}
.old-new {
  > img {
    width: 7rem;
    height: 1.6rem;
    display: block;
    margin: 0 auto;
  }
}

.bannerB {
  width: 100%;
  height: 6.36rem;
  > .bannerList {
    padding-top: 0.6rem;
    width: 7rem;
    margin: 0 auto;
    > .back-img {
      width: 100%;
      height: 1.5rem;
      > img {
        width: 100%;
        height: 2.08rem;
        z-index: -99;
        border-radius: 0.15rem;
      }
    }
    > .swiper-wrapper {
      > .swiper-slide {
        background-color: #ffffff;
        border-radius: 0.15rem;
        width: 3rem;
        > a {
          > img {
            border-radius: 0.15rem;
            width: 3rem;
            height: 3rem;
          }
          > .goodsName {
            font-size: 0.26rem;
            color: #666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          > p {
            > span {
              font-size: 0.28rem;
              color: #dd4444;
              > b {
                font-weight: bolder;
              }
            }
            > .left {
              float: left;
            }
            > .right {
              float: right;
              font-size: 0.2rem;
              padding: 0.05rem 0.16rem;
              color: #dd4444;
              background-color: #f6ebea;
              border-radius: 0.1rem;
            }
          }
        }
      }
    }
  }
}
.goods-list {
  margin-top: 42rem;
  margin-bottom: 0.5rem;
  width: 100%;
  > h3 {
    font-size: 0.32rem;
    font-weight: 600;
    margin-left: 0.3rem;
  }
  > ul {
    width: 7rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    > a {
      > li {
        // background-color: #f5f5f5;
        width: 3.3rem;
        > img {
          width: 3.3rem;
          height: 3.44rem;
        }
        > p {
          font-size: 0.27rem;
          font-weight: 600;
          line-height: 0.9rem;
          color: rgba(0, 0, 0, 0.7);
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
        > p {
          > span {
            line-height: 0.3rem;
            font-size: 0.27rem;
            color: #dd4444;
          }
          > .left {
            float: left;
          }
          > .right {
            float: right;
            padding: 0.05rem 0.16rem;
            color: #dd4444;
            background-color: #f6ebea;
            border-radius: 0.1rem;
          }
        }
      }
    }
  }
}
.bottom {
  font-size: 0.27rem;
  text-align: center;
  height: 0.5rem;
  line-height: 0.5rem;
  margin-bottom: 1.3rem;
}
